<template>
  <div class="bonus-wrap">
    <G_header />
    <van-icon color="#E6A23C" size="5rem" style="margin-top: 3rem" name="gift-card-o" />
    <p>我的奖金券</p>
    <h2>0</h2>
    <p style="color: rgb(230, 162, 60)">转换成代金券可提现</p>
    <div class="main">
      <p>
        <van-button block hairline size="small" type="primary">转换代金券</van-button>
      </p>
      <p>
        <van-button style="background-color:#C0C4CC;color:white" block hairline size="small" type="default">转换成增值券</van-button>
      </p>
    </div>
    <div class="footer">帮助中心</div>
  </div>
</template>

<script>
export default {
  name: 'Bonus'
}
</script>
<style scoped>
.bonus-wrap {
  position: relative;
  min-height: 100vh;
  text-align: center;
  background-color: white;
}
.main {
  margin-top: 9rem;
}
.main p {
  display: blcok;
  width: 40%;
  padding: 10px 0 10px;
  margin: 0 auto;
}
.footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  color:#409EFF
}
</style>
